<!doctype html>
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>个人简历</title>
        <style type="text/css">
        tr {
            font-weight: bold;
        }
        td {
            font-size: 16px;
            font-weight: bold;
        }
        body
        {
            background-image:url(" ");
           opacity:1;
        }
        </style>
        <script type="text/javascript">
function MM_popupMsg(msg) { //v1.0
  alert(msg);
}
			// 获取文本框元素
         var textBox = document.getElementById("a");  
         // 添加文本框的输入事件监听
textBox.addEventListener("input", function() {
    // 获取当前输入的文本内容
    var text = this.value;

    // 第一步：判断文本框内容是否为空
    if (text === "") {
        this.value = "该填写的内容";  // 显示默认值
    }

    // 第二步：判断内容长度是否少于 8
    if (text.length < 8) {
        alert("至少 8 个字符");  // 弹窗提示
    }
});
        </script>
</head>
        
<body >  <div class="popup" id="custom - popup">
          这是一个自定义弹窗
        </div>
        <script>
          window.onload = function () {
            var popup = document.getElementById("custom - popup");
            popup.style.display = "block";
            setTimeout(function () {
              popup.style.display = "none";
            }, 5000);
          };
			var resumeForm = document.getElementById("textfield");
          var resetTimer;
          resumeForm.addEventListener("mousemove", function() {
          clearTimeout(resetTimer);
          resetTimer = setTimeout(function() {
行重置操作，例如将表单内容清空
    resumeForm.reset();
  }, 30000);
});
			var link = document.getElementById("my-link");
link.addEventListener("click", function(event) {
  event.preventDefault(); // 阻止默认的跳转行为
  var fromPage = window.location.href;
  var popup = alert("介绍.html" + fromPage + " 介绍2.html");
  // 在这里可以添加逻辑来实现真正的跳转，例如 window.location.href = link.href;
});
        </script><a href="介绍2.html" id="my-link">点击跳转</a>
<table width="413" height="404" border="1" align="center" background="mid.jpg">
          <tr>
            <td colspan="2" align="center">个人简历</td>
          </tr>
          <tr>
            <td width="140" align="center">姓名</td>
            <td width="257" align="center">安凤颜 </td>
          </tr>
          <tr>
            <td align="center">年龄</td>
            <td align="center">19</td>
          </tr>
          <tr>
            <td align="center">性别</td>
            <td align="center"><form id="form1" name="form1" method="post" action="">
              <p>
                <label>
                  <input name="RadioGroup1" type="radio" id="RadioGroup1_0" onClick="MM_popupMsg('只能选择一项')" value="单选" />
                  男</label>
                <br />
                <label>
                  <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_1" />
                  女</label>
                <br />
              </p>
            </form></td>
          </tr>
          <tr>
            <td align="center">爱好</td>
            <td align="center">
                <ul>
                    <li >足球</li>
                    <li>台球</li>
                    <li>音乐</li>
                </ul>
            </td>
          </tr>
          <tr align="center">
            <td colspan="2"><form id="form2" name="form2" method="post" action="">
              <label for="textarea"></label>
              <textarea name="textarea" id="a" cols="45" rows="5"></textarea>
            </form></td>
          </tr>
          <tr align="center">
            <td colspan="2"><input name="submit" type="submit" id="submit" onClick="MM_popupMsg('提交完成')" value="提交">
            <input name="reset" type="reset" id="reset" onClick="MM_popupMsg('已重置')" value="重置"></td>
          </tr>
        </table>
        <label for="textfield">Text Field:</label>
        <input type="text" name="textfield" id="textfield">
      
        </body>
        
</html>